<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      >
   
    <h:head>
        <title>Voucher Purchase</title>
    </h:head>
    <h:body>
        #{StakeholderPointsMB.validatePayment()}
            <br/>
            <br/>
            <br/>
            <br/>
        <div align="center">
            <br/>
            
            <h:outputText value="Thank you for your purchase!" /> <br/>
            
            <br/>
            <br/>
            <br/>
            <br/>
            
            <div align="left">
                            <b>PURCHASE DETAILS</b><br/><br/><br/>
                            <h:outputText value="BUYER: #{fakeMainPortalMB.stakeholderName}"/> <br/>
                            <h:outputText value="TRANSACTION DATE: #{StakeholderPointsMB.transactionTimestamp}"/> <br/>
                            <h:outputText value="#{StakeholderPointsMB.selectedPurchaseItem.quantity} loyalty points purchased." /> <br/>
                            <h:outputText value="Amount Paid (SGD): #{StakeholderPointsMB.selectedPurchaseItem.price}" >
                              <f:convertNumber type="currency" currencySymbol ="$"/>
                            </h:outputText> <br/>

                            <br/>
                            <br/>
                            <br/>

                            <h:form>
                                <p:commandButton value="Back" action="index.xhtml?faces-redirect=true" ajax="false"/>       
                            </h:form>
            </div>
            
            

        </div>   
        
    </h:body>
</html>
